<template>
	<el-main>
		<el-tabs v-model="activeName">
			<el-tab-pane name="my">
				<template #label>
					<div style="margin: 0 20px; font-weight: bold;">我的咨询本</div>
				</template>
				<my></my>
			</el-tab-pane>
			<el-tab-pane name="log">
				<template #label>
					<div style="margin: 0 20px; font-weight: bold;">全部客户</div>
				</template>
				<all></all>
			</el-tab-pane>
			<el-tab-pane name="myClient">
				<template #label>
					<div style="margin: 0 20px; font-weight: bold;">我的客户</div>
				</template>
			</el-tab-pane>
			<el-tab-pane name="channel">
				<template #label>
					<div style="margin: 0 20px; font-weight: bold;">渠道管理</div>
				</template>
			</el-tab-pane>
		</el-tabs>
	</el-main>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import my from './components/my.vue'
import all from './components/all.vue'

defineOptions({
	name: '咨询本'
})

const activeName = ref('my')
</script>

<style scoped></style>